# 路径别名

路径别名（alias）允许开发者为模块定义别名，以便于在代码中更方便的引用它们。当你想要使用一个简短、易于记忆的名称来代替冗长复杂的路径时，这将非常有用。

例如，假如你在项目中经常引用 src/common/request.ts 模块，你可以为它定义一个别名 @request ，然后在代码中通过 import request from '@request' 来引用它，而不需要每次都写出完整的相对路径。
同时，这也允许你将模块移动到不同的位置，而不需要更新代码中的所有 import 语法。

在 `EMP` 中，您可以通过配置 `resolve.alias` 来进行路径别名设置。

## 配置

`EMP` 提供了 `resolve.alias` 配置项对路径别名进行设置，具体配置如下：

```js titie="emp.config.js"
export default defineConfig(store => {
  return {
    resolve: {
      alias: {
        '@common': store.resolve('/src/common')
      }
    },
  }
})
```

按照上述配置设置完后，如果你在代码中引用 `@common/Foo.tsx`, 则会映射到 `<project>/src/common/Foo.tsx` 路径上。